<html>
    <head>
        <title>用户查询</title>
    </head>
    <body>
        <p>
            姓名：<input type="text"/>
            性别：<select>
                        <option></option>
                        <option>男</option>
                        <option>女</option>                        
            </select>
            <input type="button"value="查询"/>
        </p>
        <p>
            <table border="1">
                <thead>
                <tr>
                    <td>姓名</td><td>姓别</td>
                    <td>省</td><td>市</td>
                    <td>爱好</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>黑大帅</td><td>男</td>
                    <td>江西</td><td>九江</td>
                    <td>足球</td>
                </tr>

                <tr>
                    <td>潇洒哥</td><td>男</td>
                    <td>江西</td><td>九江</td>
                    <td>听音乐</td>
                </tr>

                <tr>
                    <td>坤徐才</td><td>男</td>
                    <td>江西</td><td>九江</td>
                    <td>篮球</td>
                </tr>
            </tbody>
            </table>
        </p>
    </body>
</html>
<script type="text/javascript">
    console.log('aaa');
    /*实现 根据当前时间的不同，显示不同的问候语给用户*/
    //1.获得当前时间对象变量
    var dt =new Date();
    //2.获得当时时间的小时数
    var hour =dt.getHours();
    //3.根据hour的值,设置不同的提示语
    var content="早上好"
    if(hour>=8 && hour<=12)
        content="上午好"
    else if (hour>12 && hour<20)
        content="下午好"
    else if (hour>20 && hour<23)
        content="晚上好"
    else if (hour<4)
        content="夜深了，还不快去睡觉！";

    //4.弹窗显示提示语
    alert(content);
</script>